.swiper {
  overflow: hidden;
  position: relative;
  max-height: 600px;
  ul li {
    float: left;
    width: 100%;
    img {
      width: 100%;
    }
    a {
      height: 100%;
      display: block;
    }
  }
  .cir {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 5px;
    a {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 5px;
      background: #000;
      opacity: 0.5;
      border-radius: 50%;
      &.on {
        background: #ddd;
        opacity: 0.8;
      }
    }
  }
}
/* 竖屏切换 */
.swiper.vertical,
.swiper.vertical ul,
.swiper.vertical li {
  height: 100%;
}
